body { 
    background-image: url("fondo_gris.png");
    background-repeat: repeat;
    margin: 0; 
    padding: 0;
    border: 0;
}

.cabecera {

    background-color: #00557F; margin: 2em, 1em, 2em, 0;
    padding: 0.10em;
    color: #fff;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    margin-left: auto;
    margin-right: auto;
    width: 960px;
    padding-left: 1em;
    padding-right: 1em;
}

.cabecera .contenedorcabecera{
    margin-left: auto;
    margin-right: auto;
    width: 960px;
    padding: 1em;
    padding-bottom: 0;
    padding-top: 0;
}
.cabecera .contenedorcabecera .logo img {
    position: absolute;
    left: 250px;
    width: 110px;
    border: 2px #ffcc00 solid;
}
.cabecera .contenedorcabecera h1 {
    font-size: 35px;
    text-align: center;
    color: #fff;
}

.cabecera .contenedorcabecera .sesion {
    color: #ffcc00;
    width: 200px;
    position: relative;
    left: 740px;
    top: -30px;
}
.cabecera .contenedorcabecera .sesion p { font-size: small}

.cabecera .contenedorcabecera .sesion a { text-decoration: none}
.cabecera .contenedorcabecera .sesion a:link{ color: #ffcc00; }
.cabecera .contenedorcabecera .sesion a:visited{ color: #ffcc00;}
.cabecera .contenedorcabecera .sesion a:hover{ color: #E6B800}
.cabecera .contenedorcabecera .sesion a:active{}

.contenedor {
    background-color: #fff;
    margin-left: auto;
    margin-right: auto;
    width: 960px;
    padding: 1em;
    min-height: 300px;
}

.contenedor contenido{
    
}
.contenedor h1, h2, h3 { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #00557F;
                        text-align: center;
}

.datagrid2 {
    margin-left: 30em;
    alignment-adjust: middle; font: normal 12px/150% Verdana, Arial, Helvetica, sans-serif; 
            background: #fff; overflow: hidden; -webkit-border-radius: 3px; 
            -moz-border-radius: 3px; border-radius: 3px; }
.datagrid2 table { border-collapse: collapse; text-align: left;
                   border: 1px #1E82CC solid; }
.datagrid2 table td, .datagrid table th { padding: 7px 10px; }
.datagrid2 table tbody td { color: #00557F; font-size: 12px;font-weight: normal; }
.datagrid2 table .campo { font-weight: bold; font-size: 15px;}
.datagrid2 table .valor {  }
.datagrid2 table .valor input {  }

.datagrid table { border-collapse: collapse; text-align: left; width: 100%; } 
.datagrid {alignment-adjust: central;
               font: normal 12px/150% Verdana, Arial, Helvetica, sans-serif; 
           background: #fff; overflow: hidden; -webkit-border-radius: 3px; 
           -moz-border-radius: 3px; border-radius: 3px; }
.datagrid table td, .datagrid table th { padding: 7px 10px; }
.datagrid table thead th {background:-webkit-gradient( linear, left top, left bottom, 
                              color-stop(0.05, #006699), color-stop(1, #00557F) );background:-moz-linear-gradient( 
                              center top, #006699 5%, #00557F 100% );
                          filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#006699', 
                              endColorstr='#00557F');background-color:#006699; color:#FFFFFF; font-size: 15px; 
                          font-weight: bold; border-left: 0px solid #0070A8; } 
.datagrid table thead th:first-child { border: none; }
.datagrid table tbody td { color: #00557F; border-left: 1px solid #E1EEF4;font-size: 12px;font-weight: normal; }
.datagrid table tbody .alt td { background: #E1EEf4; color: #00557F; }
.datagrid table tbody td:first-child { border-left: none; }
.datagrid table tbody tr:last-child td { border-bottom: none; }
.datagrid table tbody tr:hover td { background-color: #FFFAF0; background-color: paleturquoise; }


.pie{
    background-color: #00557F; margin: 2em, 1em, 2em, 0;
    padding: 0.10em;
    color: #fff;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    margin-left: auto;
    margin-right: auto;
    width: 960px;
    padding-left: 1em;
    padding-right: 1em;
}

.pie .contenedorpie {
    margin-left: auto;
    margin-right: auto;
    width: 960px;
    padding: 1em;
    padding-bottom: 0;
    padding-top: 1em;
    min-height: 30px;
}
.pie ul {
    display: inline;
}

.pie ul li {
    display: inline;
    padding: 1em;
}

.pie ul li:hover {
    color: #ffcc00;
}

.pie p{
    font-size: small;
    font-style: italic;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    
}

.volver {
    alignment-adjust: central;
    margin-top: 2em;
    text-align: center;
    padding: 1em;
    background-color: #00557F;
    width: 50px;
    border-radius: 3px;
    
}

.volver a { text-decoration: none}
.volver a:link{ color: #fff; }
.volver a:visited{ color: #fff;}
.volver a:hover{ color: #E6B800}
